<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"      
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>
            <h:outputText value="SISTEMA DE GESTION DE SEGURIDAD :: FONCODES - ACCESO" />
        </title>
        <link type="text/css" href="${facesContext.externalContext.requestContextPath}/resource/css/login.css" rel="stylesheet" />
        <script type="text/javascript">  
            function hideEnlace() {
                jQuery(".enlace").css("display","none");
                jQuery(".modalConfirma div:eq(1)").css("height","310px");
            }
            function verificaEnlace(xhr, status, args) {               
                if(args.validationFailed) { 
                    jQuery(".enlace").css("display","block");
                    jQuery(".modalConfirma div:eq(1)").css("height","380px");
                }else{
                    hideEnlace();
                }
            }  
        </script>
    </h:head>
    <h:body>
        <center>
            <h:form id="frmConfirmaIdentidad" >
                <p:dialog id="dlgConfirmaIdentidad" styleClass="modalConfirma" modal="true" header="Confirmación de identidad" widgetVar="wConfirmaIdentidad" resizable="false"
                          width="500" height="310" showEffect="clip" hideEffect="fold" visible="true">
                
                <p:panel >
                    <table cellspacing="5" style="width: 450px;" class="formato" >
                        <tbody>
                            <tr>
                                <td><h:outputText value="Codigo de Usuario :"/></td>
                                <td colspan="2"><p:inputText value="@12345678"  disabled="true" id="txtCodUsuConfirma" style="width: 280px" maxlength="20"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Fecha de Nacimiento :"/></td>
                                <td colspan="2">
                                <p:calendar value="#{loginController.fecha}" id="txtFechaNacConfirma" showOn="button" locale="es" 
                                            navigator="true" maxlength="10" readonlyInput="true" pattern="dd/MM/yyyy"/>
                                </td>
                            </tr>
                            <tr>
                                <td><h:outputText value="DNI :"/></td>
                                <td colspan="2"><p:inputText value="#{loginController.STerritorial}" id="txtDniConfirma" style="width: 280px" maxlength="20"></p:inputText></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Pregunta Secreta :"/></td>
                                <td colspan="2"><b><h:outputText value="Mi Pregunta Clave"/></b></td>
                            </tr>
                            <tr>
                                <td><h:outputText value="Respuesta Secreta :"/></td>
                                <td colspan="2"><p:inputText value="#{loginController.usuario}" id="txtResSecreConfirma" style="width: 280px" maxlength="150"></p:inputText></td>
                            </tr>
                            <tr>
                                <td colspan="2"><br/></td>
                            </tr>
                            <tr>
                                <td colspan="3" >
                                    <p class="nota">
                                        <span class="ui-icon ui-icon-info mensajeIcon" style="margin-left: 50px;"></span>
                                        Ingrese correctamente la información solicitada y pulse Aceptar
                                    </p>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="3">
                                <p:toolbar style="padding: 4px;">
                                    <p:toolbarGroup align="right" >
                                        <p:commandButton value="Aceptar" icon="ui-icon-check" actionListener="#{loginController.validaConfirmacionIdentidad}" update=":frmConfirmaIdentidad:mensajeConfirmaIden" oncomplete="verificaEnlace(xhr, status, args);" />
                                        <p:commandButton value="Cancelar" icon="ui-icon-close" onclick="hideEnlace();" update="mensajeConfirmaIden"/>
                                    </p:toolbarGroup>
                                </p:toolbar>                    
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </p:panel>
                <p:messages id="mensajeConfirmaIden" showDetail="true" showSummary="false" />
                <p:commandLink style="display: none;" styleClass="enlace" id="lnkContactoAdmin" value="¿Desea contactarse con el administrador?" onclick=""></p:commandLink>
            </p:dialog>
            </h:form>
        </center> 
    </h:body>
</html>